<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
<div class="mycol col-md-2 hidden-sm hidden-xs">
	<div class="myInfoDetails">
		<div align="center">
		<img width="50px" src="${resourcePath }/img/myPhoto.jpg"></img>
		</div>
		姓名：何世华<br>
		性别：男<br> 生日：1991年01月25日<br> 兴趣：编程，游泳，双节棍<br>
		毕业院校：仲恺农业工程学院<br> 学历：本科<br> 座右铭：方法总比异常多<br>
	</div>
	<div class="myInfoDetails">
		<table style="width: 100%;text-align: center;" colspacing="2" colpadding="2"> 
			<colgroup>
				<col width="20%">
				<col width="80%">
			</colgroup>
			<tr>
				<th colspan="2">前端：</th>
			</tr>
			<tr>
				<td>HTML</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>JS</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>JQuery</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 72%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>Bootstrap</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 78%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>Ajax</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 73%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<th colspan="2"><hr></th>
			</tr>
			<tr>
				<th colspan="2">后端：</th>
			</tr>
			<tr>
				<td>java</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 85%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>SSH</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>SpringMVC</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 65%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>mysql</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 68%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>oracle</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 68%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>算法</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
					   </div>
					</div>
				</td>
			</tr>
			<tr>
				<td>安全</td>
				<td>
					<div class="progress" style="margin:1px;">
					   <div class="progress-bar" role="progressbar" aria-valuenow="60" 
					      aria-valuemin="0" aria-valuemax="100" style="width: 65%;">
					   </div>
					</div>
				</td>
			</tr>
		</table>
	</div>
	
</div>
</div>
</div>